$(window).on('load', () => {
  const table = $('table');

  // 确保 url 变量已正确定义
  if (!url) {
    console.error('url 变量未定义');
    return;
  }

  $.ajax({
    url: url + "/blogs",
    method: 'get',
    success: res => {
      if (res.code === 200) {
        const trs = res.data.map(item => {
          return `
                        <tr class="blog${item.id}">
                            <td class="one">${item.id}</td>
                            <td class="two">${item.title}</td>
                            <!-- 从 item 中获取博客内容 -->
                            <td class="three text">Spring Boot 是基于 Spring 框架的一个开源 Java 框架，由 Pivotal 团队（现在是 VMware 的一部分）开发。</td> 
                            <td class="four">${item.author}</td>
                            <td class="five">
                                <input type="button" value="编辑" class="operation" onclick="btnEdit(${item.id})">
                                <input type="button" value="删除" class="operation" onclick="btnDel(${item.id})">
                            </td>
                        </tr>
                    `;
        });
        // 直接使用 append 方法添加新的 tr 元素
        table.append(trs.join(''));
      }
    },
    error: err => {
      // 给出更友好的错误提示
      console.error('请求出错:', err);
      alert('数据加载失败，请稍后重试');
    }
  });
});